{%include file="index.header.tpl.php"%}
{%include file="index.left.tpl.php"%}
 <!--左侧导航结束-->
    <style>
		@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width:1024px)  {
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		td { 
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left:44% !important; 
			padding-top:10px ;
		}
	    #mytable tr{ margin-bottom:20px;}
		td:before { 
			position: absolute;
			top:10px;
			left:8px;
			width: 45%; 
			padding-right:10px;
			white-space: nowrap;
		}
		    td:nth-of-type(1):before { content: "特殊课堂"; }
			td:nth-of-type(2):before { content: "用处"; }
			td:nth-of-type(3):before { content: "操作"; }
        }
		
	</style>
  <!--主要内容开始-->
  <div class="content-wrapper">
    <section class="content">
      <div class="row">
        <section class="col-lg-12 connectedSortable">
         <div class="box box-default box-solid">
		    <form action="" method="post">
                <div class="box-header with-border">
                    <span class="fa fa-table" style="float:left; font-size:18px; margin-top:2px; color:#3c8dbc;" ></span>
                    <p class="box-title">特殊课堂</p>
                </div>
                    <div class="box-body">
                        <div class="form-group">
							  <label for="inputPassword3" class="col-md-3 control-label text-right" style="padding-right:0; padding-left:0; font-weight:500;">
								   特殊课堂：
							  </label>
							  <div class="input-group col-md-6 col-sm-12 col-xs-12">
								   <input type="text" class="form-control" name="special_name">
							  </div> 
				        </div> 
                         <div class="form-group">
							  <label for="inputPassword3" class="col-md-3 control-label text-right" style="padding-right:0; padding-left:0; font-weight:500;">
								   用处：
							  </label>
							  <div class="input-group col-md-6 col-sm-12 col-xs-12">
								   <select class="form-control" id="s1" name="s_type">
										<option value="s_0"> 全校通用</option>								
										{%foreach from=$class_lists key=key item=value%}
											<option value="g_{%$key%}">{%$value.grade_name%}</option>
												{%foreach from=$value.class key=k item=v%}
											<option value="c_{%$v.class_id%}"> &nbsp;{%$v.class_name%}</option>												{%/foreach%}	
										{%/foreach%}
								    </select>
							  </div> 
				         </div>             					   
				    </div><!--box-body -->
                     <div class="box-footer text-center">
				      <button type="submit" class="btn btn-primary"> 确 定 </button>					  
				   </div>
				</form>
             </div><!--box box-default box-solid-->
        </section>   
           
        </div><!--row-->
    </section>
 </div>
  <!--主要内容结束-->
  
{%include file="index.footer.tpl.php"%}
<script type="text/javascript">
        $(document).ready(function(){
            $("#ban").hide();			
        });
        function a()
        {
            var val = $("#s1").val();
            if (val == '指定班级') {
                $("#ban").show();
            } else{
                $("#ban").hide();
            };
        }
</script>